<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="css/amazeui.min.css">
		<link rel="stylesheet" href="css/all-wap.css">
		<link rel="stylesheet" href="css/detail-wap.css">
		<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
		<script type="text/javascript" src="js/amazeui.min.js"></script>
		<title>新闻</title>
	</head>

	<body>
		<div class="pet_mian">
			<!--header-->
			<header class="am-header i-top">
				<div class="am-header-left am-header-nav logo">
					<a href="">

						<img src="images/logo.png">
					</a>
				</div>

				<div class="am-header-right am-header-nav i-top-pic">
					<a href="">
						<img src="images/fdj.png">
					</a>
					<a href="">
						<img src="images/user.png">
					</a>
				</div>
			</header>

			<nav class="am-menu  am-menu-default header-menu">
				<ul class="am-menu-nav am-avg-sm-5 i-nav">
					<li>
						<a href="">首页</a>
					</li>
					<li>
						<a href="">优播</a>
					</li>
					<li>
						<a href="">视频</a>
					</li>
					<li>
						<a href="">图库</a>
					</li>
					<li>
						<a href="">天梯</a>
					</li>
				</ul>
			</nav>
			<!--header-->
			<!--banner-->
			<!--轮播图-->
			<div id="slideBox" class="slideBox" style="margin-top: 90px;">

				<div class="bd">
					<ul>
						<li>
							<a href="#"><img src="images/index/bg1.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="images/index/bg1.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="images/index/bg1.jpg" /></a>
						</li>
						<li>
							<a href="#"><img src="images/index/bg1.jpg" /></a>
						</li>
					</ul>
				</div>

				<div class="hd">
					<ul></ul>
				</div>
			</div>
			<script type="text/javascript">
				TouchSlide({
					slideCell: "#slideBox",
					titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					mainCell: ".bd ul",
					effect: "leftLoop",
					autoPage: true, //自动分页
					autoPlay: true, //自动播放
					interTime: 5000,
				});
			</script>
			<!--轮播图-->
			<!--挂图-->
			<div class="news-sort am-g">
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg">
						<img src="images/news/fire-white.png" /> 精彩推荐
					</a>
				</div>
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg game-v">
						<img src="images/news/game-v.png" /> 游戏视频
					</a>
				</div>
				<div class="am-u-sm-4">
					<a href="" class="news-sort-bg game-strategy">
						<img src="images/news/game-s.png" /> 游戏攻略
					</a>
				</div>
			</div>
			<!--挂图-->
			<div class="news-content">
				<div class="news-content-title">
					>当前位置：
					<a href="">主播专栏 </a>
				</div>
				<div data-am-widget="intro" class="am-intro am-cf am-intro-default news-content-block">

					<div class="am-g am-intro-bd">
						<div class="am-intro-left am-u-sm-5 news-intro-left">
							<a href=""><img src="images/index/bg1.jpg" alt="小娜" /></a>
						</div>
						<div class="am-intro-right am-u-sm-7 news-intro-r">
							<h2><a href="">LOL战斗之夜游戏好礼送不停</a></h2>
							<p>Cortana 恐怕是用户急于更新到 WP8.1 Update 开发者预览版的原因之一</p>

						</div>
						<div class="am-u-sm-12 news-tabs">
							<dl class="tab">
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
								<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
							</dl>

							<button class="news-content-btn-more" data-am-modal="{target: '#news-share'}"></button>
							<button class="news-content-comment"><span class="has-comment"></span></button>
							<div class="am-modal-actions news-share-actions" id="news-share">
								<div class="am-modal-actions-group news-share-group ">

									<ul class="am-list news-share-list">
										<li>
											<a href="#"><img src="images/news/weixin.jpg"></a>
											<div>微信好友</div>
										</li>
										<li>
											<a href="#"><img src="images/news/pyq.jpg"></a>
											<div>微信朋友圈</div>
										</li>
										<li>
											<a href="#"><img src="images/news/qq.jpg"></a>
											<div>QQ好友</div>
										</li>
										<li>
											<a href="#"><img src="images/news/kj.jpg"></a>
											<div>QQ空间</div>
										</li>
										<li>
											<a href="#"><img src="images/news/wb.jpg"></a>
											<div>新浪微博</div>
										</li>
										<li>
											<a href="#"><img src="images/news/sc.jpg"></a>
											<div>收藏</div>
										</li>
									</ul>
								</div>
								<div class="am-modal-actions-group news-share-group-btn">
									<button class="am-btn am-btn-secondary am-btn-block" data-am-modal-close>取消</button>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!---图集-->
				<div class="am-g news-content-block news-content-album">
					<div class="news-content-gallery">
						<h2><a href="">被王思聪不留情面过分吐槽的7大女星</a></h2>
						<ul data-am-widget="gallery" class="am-gallery am-avg-sm-3 am-avg-md-3 am-avg-lg-4 am-gallery-default news-content-gallery-ul" data-am-gallery="{ pureview: true }">
							<li>
								<div class="am-gallery-item">
									<a href="" class="">
										<img src="images/index/bg1.jpg" alt="远方 有一个地方 那里种有我们的梦想" />

									</a>
								</div>
							</li>
							<li>
								<div class="am-gallery-item">
									<a href="" class="">
										<img src="images/index/bg1.jpg" alt="某天 也许会相遇 相遇在这个好地方" />

									</a>
								</div>
							</li>
							<li>
								<div class="am-gallery-item">
									<a href="" class="">
										<img src="images/index/bg1.jpg" alt="不要太担心 只因为我相信" />

									</a>
								</div>
							</li>

						</ul>
						<div class="pic-num">7图</div>
					</div>

					<div class="am-u-sm-12 news-tabs">
						<dl class="tab">
							<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
							<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
							<dt style="background: #0C80BA;"><a href="">守望先锋</a></dt>
						</dl>

						<button class="news-content-btn-more" data-am-modal="{target: '#news-share'}"></button>
						<button class="news-content-comment"><span class="has-comment"></span></button>
						<div class="am-modal-actions news-share-actions" id="news-share">
							<div class="am-modal-actions-group news-share-group ">

								<ul class="am-list news-share-list">
									<li>
										<a href="#"><img src="images/news/weixin.jpg"></a>
										<div>微信好友</div>
									</li>
									<li>
										<a href="#"><img src="images/news/pyq.jpg"></a>
										<div>微信朋友圈</div>
									</li>
									<li>
										<a href="#"><img src="images/news/qq.jpg"></a>
										<div>QQ好友</div>
									</li>
									<li>
										<a href="#"><img src="images/news/kj.jpg"></a>
										<div>QQ空间</div>
									</li>
									<li>
										<a href="#"><img src="images/news/wb.jpg"></a>
										<div>新浪微博</div>
									</li>
									<li>
										<a href="#"><img src="images/news/sc.jpg"></a>
										<div>收藏</div>
									</li>
								</ul>
							</div>
							<div class="am-modal-actions-group news-share-group-btn">
								<button class="am-btn am-btn-secondary am-btn-block" data-am-modal-close>取消</button>
							</div>
						</div>
					</div>
				</div>
				<!---图集-->
				
				<div class="news-content-block news-more-btn" style="display: none;">
					<button>加载更多</button>
				</div>
				<div class="news-content-block news-more-btn">
					<button>收起列表</button>
				</div>
			</div>

			<!--banner-->

			<!--菜单-->
			<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ">
				<ul class="am-navbar-nav am-cf am-avg-sm-4 i-footer">
					<li class="append-f-on">
						<a href="">
							<img src="images/news1.png" alt="新闻" />
							<span class="am-navbar-label">新闻</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/tj.png" alt="推荐" />
							<span class="am-navbar-label">推荐</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/tv.png" alt="直播" />
							<span class="am-navbar-label">直播</span>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/wo.png" alt="我" />
							<span class="am-navbar-label">我</span>
						</a>
					</li>
				</ul>
			</div>
			<!--菜单-->
			<!--回到顶部-->
			<!--<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
				<a href="#top" title="">
					<img class="am-gotop-icon-custom" src="images/blacktop.png" />
				</a>
			</div>-->
			<!--回到顶部-->
		</div>
	</body>

</html>